<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 no-js" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie ie7 no-js" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie ie8 no-js" lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie ie9 no-js" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en">
<!--<![endif]-->

<head>
    <meta charset="UTF-8" />
    <link rel="shortcut icon" href="http://lqquani.github.io/img/icon.png" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>About Me --- kevin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!--main style-->
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <link href="css/perfect-scrollbar.css" rel="stylesheet">

    <!--google font style-->
    <link href="css/font.css" rel='stylesheet' type='text/css'>
    <!--font-family: 'Open Sans', sans-serif;-->

    <!-- font css style-->
    <link rel="stylesheet" href="css/font-awesome.css">

    <!--for slider style-->
    <noscript>
        <link rel="stylesheet" type="text/css" href="css/fallback.css" />
    </noscript>
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/fallback.css"/>
    <![endif]-->
</head>

<body>

    <!--wrapper start-->
    <div class="wrapper" id="wrapper">
        <header>
            <!--banner start-->
            <div class="banner row" id="banner">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 noPadd slides-container" style="height:100%">
                    <!--background slide show start-->
                    <div class="slide">
                        <img src="images/header-image/header-bg1.jpg" alt="Cinelli">
                    </div>
                    <div class="slide">
                        <img src="images/header-image/header-bg2.jpg" width="1024" height="682" alt="Surly">
                    </div>
                    <div class="slide">
                        <img src="images/header-image/header-bg3.jpg" width="1024" height="683" alt="Cinelli">
                    </div>
                    <div class="slide">
                        <img src="images/header-image/header-bg4.jpg" width="1024" height="685" alt="Affinity">
                    </div>
                    <!--background slide show end-->
                </div>

                <div class="bannerText container">
                    <h1>I'm kevin</h1>
                    <p>A java development engineer graduated from Tianjin Polytechnic University.</p>
                    <a href="#aboutme" class="mbnt">About Me</a>
                    <a href="index.html" class="mbnt">Chinese</a>
                </div>

            </div>
            <!--banner end-->


            <!--menu start-->
            <div class="menu">
                <div class="navbar-wrapper">
                    <div class="container">
                        <div class="navwrapper">
                            <div class="navbar navbar-inverse navbar-static-top">
                                <div class="container">
                                    <div class="navbar-header">
                                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                            <span class="icon-bar"></span>
                                        </button>
                                        <a class="navbar-brand" href="#">Menu</a>
                                    </div>
                                    <div class="navbar-collapse collapse">
                                        <ul class="nav navbar-nav nav-justified">
                                            <li class="first menuItem homeLink active">
                                                <a href="#wrapper">Home</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#aboutme">About</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#technical_title">Skills</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#exprience">Experience</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#protfolio">Portfolio</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#reffernces">Reffernces</a>
                                            </li>
                                            <li class="menuItem">
                                                <a href="#contact">Contact</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- End Navbar -->
                    </div>
                </div>
            </div>
            <!--menu end-->

        </header>

        <!--about me start-->
        <section class="aboutme" id="aboutme">
            <div class="">
                <div class="row">
                    <div class=" col-xs-12 col-sm-12 col-md-5 col-lg-5 proPic">
                        <img src="images/me-back.jpg" alt="" class="img-responsive">
                    </div>
                    <div class=" col-xs-12 col-sm-12 col-md-6 col-lg-5 aboutCont">
                        <div class="heading clearfix">
                            <h2>About me</h2>
                        </div>

                        <h3>Qingquan Li</h3>
                        <h4 class="subHeading">A Front-end development engineer from Shenzhen</h4>

                        <div id="description">
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;My name is qingquan, graduated from Tianjin Polytechnic University. I'm very interested in front-end development and I were self-taught in it about one year ago. There is no doubt that I have a sound theoretical basis and enough practice experience on front-end development. More and more, I am focus on the mobile front-end development in the company.</p>
                            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;My personality is little introverted but bright.I like swimming, traveling, running, reading and so on. I have passed the College English test band-6 and always read foreign website like Codrops,which about front-end development.And I am skilled in using git, github and github pages, there are part of my daily life.Click on the button below and you can go to my personal blog</p>
                        </div>
                        <a href="http://lqquani.github.io/index.html" class="bntDownload">Go To My Blog.</a>
                    </div>

                </div>
            </div>
        </section>
        <!--about me end-->

        <!--technical start-->
        <section class="technical" id="technical">
            <div class="container">
                <div class="heading">
                    <h2 id="technical_title">My Expertise</h2>
                    <p>I think the front-end development is a continuous, lifelong learning. The front-end development engineer requiring professional knowledge of multi-domain. Recently I am studying <a href="http://woxx.sinaapp.com/">Angular</a>, <a href="http://jade-lang.com/">Jade</a> ,<a href="http://learnboost.github.io/stylus/">Stylus</a> ,<a href="http://coffeescript.org/">Coffeescript</a> and so on. In the end, I will list the skills which I have mastered below </p>
                </div>
                <div class="row">
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>git</h4>
                            <p>I'm using the git, <a href="https://github.com/lqquani">github</a> and github pages almost everyday.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>HTML5</h4>
                            <p>I'm familiar with the new features of HTML5.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>CSS3</h4>
                            <p>The new attributes of CSS3 is familiar to me and I have create many CSS3 animations.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="85">
                                <span class="percent"></span>
                            </span>
                            <h4>javascript( jquery )</h4>
                            <p>I must write some script in each project, and I'm more inclined to use jquery.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="80">
                                <span class="percent"></span>
                            </span>
                            <h4>Photoshop</h4>
                            <p>Processing images is part of my work and I always using PS to complete it.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>Bootstrap</h4>
                            <p>The most popular framework for developing responsive, mobile first projects on the web and I using it on <a href="http://lqquani.github.io/weishangcheng/">my project</a> sometimes.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="85">
                                <span class="percent"></span>
                            </span>
                            <h4>Foundation5</h4>
                            <p>The most advanced responsive front-end framework and I use it to build my <a href="http://lqquani.github.io/index.html">personal website</a> which collecting some front-end development resources.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>Sublime Text 3</h4>
                            <p>I like coding with the sublime text 3 which has slick user interface, extraordinary features and amazing performance.</p>
                        </div>
                    </div>
                    <div class=" col-xs-12 col-sm-4 col-md-4 col-lg-4 skillsArea">
                        <div class=" col-xs-12 skills">
                            <span class="chart skilBg" data-percent="90">
                                <span class="percent"></span>
                            </span>
                            <h4>English</h4>
                            <p>I have passed the CET6 and be "addicted" to read foreign websites and books.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--technical end-->

        <!--exprience start-->
        <section class="exprience" id="exprience">
            <div class="container">
             
                <div class="row workDetails">
                    <div class="col-xs-12 col-sm-3 col-md-2 col-lg-2">
                        <div class="workYear">
                            <span class="prevY">June 2014</span>
                            <span class="afterY">September,2010</span>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-9 col-md-10 col-lg-10 rightArea">
                        <div class="arrowpart"></div>
                        <div class="exCon">
                            <h4>Tianjin Polytechnic University（天津工业大学）</h4>
                            <h5>Software engineering student</h5>
                            <p>I have study operating system,computer network, C / C++ programming language, data structure, compiler technology, introduction to software engineering and so on in my school and I were self-taught front-end development (like HTML, CSS , JAVASCRIPT, PHP and so) in 2013.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--exprience end-->

        <!--protfolio start-->
        <section class="protfolio" id="protfolio">
            <div>
                <div class="portfolioTop clearfix">
                    <div class="heading">
                        <h2>Portfolio</h2>
                        <p>Here are some websites or projects that I developed before,click the navigator below to change the category you want to see,and hover or click(on mobile phone) the block below the navigator to see the websites or projects's title and the link button</p>
                    </div>
                    <div class="portfolioFilter">
                        <ul>
                            <li>
                                <a href="#" data-filter="*" class="current">All</a>
                            </li>
                            <li>
                                <a href="#" data-filter=".personal">personal</a>
                            </li>
                            <li>
                                <a href="#" data-filter=".github">github project</a>
                            </li>
                            <li>
                                <a href="#" data-filter=".fullpage">fullpage</a>
                            </li>
                            <li>
                                <a href="#" data-filter=".webgl">webgl</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <ul class="portfolioContainer row gallery">
                    <li class="personal col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Personal Blog</p>
                                <span class="smallIcon">
                                    <a href="https://lqquani.github.io/index.html" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-1.jpg" alt="">
                        </div>
                    </li>
                    <li class="personal col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Personal Website</p>
                                <span class="smallIcon">
                                    <a href="https://lqquani.github.io/" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-2.jpg" alt="">
                        </div>
                    </li>
                    <li class="github col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Popular Framework Demo</p>
                                <span class="smallIcon">
                                    <a href="https://github.com/lqquani/PopularFrameworkDemo" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-3.jpg" alt="">
                        </div>
                    </li>
                    <li class="github fullpage col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Full Page</p>
                                <span class="smallIcon">
                                    <a href="https://github.com/lqquani/fullpage" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-4.jpg" alt="">
                        </div>
                    </li>

                    <li class="github fullpage col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Pagepiling</p>
                                <span class="smallIcon">
                                    <a href="https://github.com/lqquani/pagepiling" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-5.jpg" alt="">
                        </div>
                    </li>

                    <li class="col-xs-6 fullpage col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Owl Carousel Fullpage</p>
                                <span class="smallIcon">
                                    <a href="https://github.com/lqquani/owl.carousel.fullpage" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-6.jpg" alt="">
                        </div>
                    </li>
                    <li class="personal col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">Mobile Mark Project</p>
                                <span class="smallIcon">
                                    <a href="https://lqquani.github.io" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-7.jpg" alt="">
                        </div>
                    </li>
                    <li class="webgl personal col-xs-6 col-sm-4 col-md-3 col-lg-3">
                        <div class="lightCon">
                            <span class="hoverBox">
                               <p class="title">WebGL 3D Page</p>
                                <span class="smallIcon">
                                    <a href="http://lqquani.github.io/webgltang/" title="Project Link" target="_blank" class="linKed">
                                        <i class="fa fa-link fa-2x"></i>
                                    </a> 
                                </span>
                            </span>
                            <img src="images/thu-8.jpg" alt="">
                        </div>
                    </li>
                </ul>
            </div>
        </section>
        <!--protfolio end-->
        <!--reffernces start-->
        <section class="reffernces" id="reffernces">
            <div class="container">
                <div class="heading">
                    <h2>Links</h2>
                    <p>Here are some of my favorite websites</p>
                </div>
                <div class="row waterfall" data-col-min-width="300">
                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>Jekyll is a simple, blog-aware, static site generator perfect for personal, project, or organization sites. Think of it like a file-based CMS, without all the complexity. Jekyll takes your content, renders Markdown and Liquid templates, and spits out a complete, static website ready to be served by Apache, Nginx or another web server. Jekyll is the engine behind GitHub Pages, which you can use to host sites right from your GitHub repositories</p>
                            <h3><a href="http://jekyllrb.com/">Jekyll</a></h3>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>TheCodePlayer plays code like a video helping people to learn front end technologies like HTML5, CSS3, Javascript, Jquery easily, quickly and interactively</p>
                            <h3><a href="http://thecodeplayer.com/">TheCodePlayer</a></h3>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>Collection of CSS3 animation.You can drag picture to see the effect, and you can create CSS3 animation by UI control and generate the code</p>
                            <h3><a href="http://isux.tencent.com/css3/tools.html">CSS3Animation</a></h3>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>CSSDeck is a cool place for HTML/CSS/JS Devs. You can use CSSDeck to make test cases and share with other people on IRC, forums, StackOverflow, etc. who help you solve your coding problems.If you're creating some cool crazy stuff with the powers of CSS3 and JS you can post it here and we're going to feature it in the gallery helping you get some fame as well as helping others learn about the cutting edge practices and methodologies</p>
                            <h3><a href="http://cssdeck.com/">CssDeck</a></h3>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>SoundManager 2 makes it easier to play audio using JavaScript. Get SoundManager 2SoundManager 2 provides simple, reliable cross-platform audio under a single JavaScript API</p>
                            <h3><a href="http://www.schillmania.com/projects/soundmanager2/">SoundManager2</a></h3>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-xs-12 col-sm-12 refBox">
                        <div class="refBoxcon">
                            <p>Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge</p>
                            <h3><a href="http://tympanus.net/codrops/">Codrops &gt;&gt;</a></h3>
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 refBox">
                        <div class="refBoxcon">
                            <p>GitHub Pages allow you to publish web content to a github.com subdomain named after your username. With Pages, publishing web content becomes as easy as pushing to your GitHub repository</p>
                            <h3><a href="https://pages.github.com/">GithubPages</a></h3>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--reffernces end-->
        <!--contact start-->
        <section class="contact" id="contact">
            <div class="container topCon">
                <div class="heading">
                    <h2>Contact Me</h2>
                </div>
            </div>

        </section>
        <section class="contactDetails">
            <div class="container">

                <!--contact info start-->
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <h4>Contact details</h4>
                    <!-- <p> <i class="fa fa-mobile"></i> 15112277883 </p> -->
                    <p> <i class="fa fa-envelope-o"></i>lqquani@126.com</p>
                    <p> <i class="fa fa-link"></i> <a href="http://lqquani.github.io/index.html">http://lqquani.github.io/</a>
                    </p>
                </div>
                <!--contact info end-->

                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 comments">
                    <h4>Comments</h4>

                    <div class="ds-thread" data-thread-key="aboutme" data-title="aboutme" data-url="http://lqquani.github.io/aboutme/"></div>
                    <!-- 多说评论框 end -->
                    <!-- 多说公共JS代码 start (一个网页只需插入一次) -->
                    <script type="text/javascript">
                    var duoshuoQuery = {
                        short_name: "aboutme"
                    };
                    (function() {
                        var ds = document.createElement('script');
                        ds.type = 'text/javascript';
                        ds.async = true;
                        ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';
                        ds.charset = 'UTF-8';
                        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
                    })();
                    </script>
                </div>

                <!--contact form end-->

            </div>
        </section>

        <!--contact end-->

        <!--footer start-->
        <section class="footer" id="footer">
            <div class="container">
                <ul>
                    <li><a href="https://github.com/lqquani"><i class="fa fa-github fa-2x"></i></a>
                    </li>
                </ul>
                <span class="totop"><i class="fa fa-chevron-up"></i>
                </span>
            </div>
            <script type="text/javascript">
            var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
            document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F65758c63c8e99ab26662baeed5867d1e' type='text/javascript'%3E%3C/script%3E"));
            </script>

        </section>
        <!--footer end-->

    </div>
    <!--wrapper end-->

    <!--modernizr js-->
    <script type="text/javascript" src="js/modernizr.custom.26633.js"></script>

    <!--jquary min js-->
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.gridrotator.js"></script>

    <script src="js/jquery.waterfall.js"></script>
    <!--for custom jquary-->
    <script src="js/custom.js"></script>

    <!--for placeholder jquary-->
    <script type="text/javascript" src="js/jquery.placeholder.js"></script>

    <!--for menu jquary-->
    <script type="text/javascript" src="js/stickUp.js"></script>
    <script type="text/javascript">
    jQuery(function($) {
        $(document).ready(function() {
            //enabling stickUp on the '.navbar-wrapper' class
            $(".totop").click(function(e) {
                e.preventDefault();
                $(".homeLink a").trigger("click");
            })
            $('.navbar-wrapper').stickUp({
                parts: {
                    0: 'wrapper',
                    1: 'aboutme',
                    2: 'technical',
                    3: 'exprience',
                    4: 'protfolio',
                    5: 'reffernces',
                    6: 'contact'
                },
                itemClass: 'menuItem',
                itemHover: 'active',
                topMargin: 'auto'
            });
        });

        $(".navbar.navbar-inverse.navbar-static-top a").click(function() {
            $(".navbar-collapse").addClass("hideClass");
        });


        $(".navbar.navbar-inverse.navbar-static-top a").click(function() {
            $(".navbar-collapse").addClass("collapse");
        });


        $(".navbar.navbar-inverse.navbar-static-top a").click(function() {
            $(".navbar-collapse").removeClass("in");
        });

        $(".navbar-toggle").click(function() {
            $(".navbar-collapse").removeClass("hideClass");
        });


    });
    </script>
    <!-- for header slider -->
    <script src="js/jquery.superslides.js" type="text/javascript" charset="utf-8"></script>
    <script>
    $('#banner').superslides({
        animation: 'fade',
        play: 5000
    });
    </script>
    <!--for portfoli filter jquary-->
    <script src="js/jquery.isotope.js" type="text/javascript"></script>

    <!--for portfoli lightbox -->
    <link type="text/css" rel="stylesheet" id="theme" href="css/jquery-ui-1.8.16.custom.css">
    <link type="text/css" rel="stylesheet" href="css/lightbox.min.css">
    <script type="text/javascript" src="js/jquery.ui.widget.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.rlightbox.js"></script>

    <!--for skill chat jquary-->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/jquery.easypiechart.js"></script>

    <!--for Scroll Bar jquary-->
    <script src="js/jquery.mousewheel.js"></script>
    <script src="js/perfect-scrollbar.js"></script>
    <script type="text/javascript">
    $(document).ready(function($) {
        $('#description').perfectScrollbar({
            wheelSpeed: 20,
            wheelPropagation: false
        });
    });
    </script>

    <!--contact form js-->
    <script type="text/javascript" src="js/jquery.contact.js"></script>
</body>

</html>
